﻿@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@section Head
{
    <link href="~/Lib/cropping/css/cropper.min.css" rel="stylesheet" />
    <link href="~/Lib/cropping/css/img.cropping.css" rel="stylesheet" />
}

<!--图片裁剪框 start-->
<div class="tailoring-container">
    <div class="black-cloth" id="closeTailor"></div>
    <div class="tailoring-content">
        <div class="tailoring-content-one">
            <label title="上传图片" for="chooseImg" class="l-btn choose-btn" style="cursor:pointer;">
                <input type="file" accept="image/jpg,image/jpeg,image/png" name="file" id="chooseImg" class="hidden">选择图片
            </label>
        </div>
        <div class="tailoring-content-two">
            <div class="tailoring-box-parcel">
                <img id="tailoringImg">
            </div>
            <div class="preview-box-parcel">
                <p>图片预览：</p>
                <div class="square previewImg"></div>
            </div>
        </div>
        <div class="tailoring-content-three">
            <button class="l-btn cropper-reset-btn" style="cursor:pointer;">复位</button>
            <button class="l-btn cropper-rotate-btn" style="cursor:pointer;">旋转</button>
            <button class="l-btn cropper-scaleX-btn" style="cursor:pointer;">换向</button>
            <button class="l-btn sureCut" id="sureCut" style="cursor:pointer;">确定</button>
        </div>
    </div>
</div>

@section Foot
{
    <script src="~/Lib/cropping/js/cropper.min.js"></script>
    <script src="~/Areas/Staff/js/employee.uploadImg.js"></script>
}